<?php
require_once("../Design/Design.php");
$page = new page(isset($title)?$title:"");
$page->start_header();?>

<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.3.custom.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.timepicker.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.scrolltable.js"></script>
<script type="text/javascript" src="js/jquery.timepicker.js"></script>
<?php
$page->show_header();

?>


<!-- Bar de navigation-->
<div id="sidebar" >
    <div class="inner">
        <h4 class="title-main">Navigation du module</h4>
        <nav>
    <?php if (isset($menu) && $menu){?>
           		
                            <ul class="nav nav-tabs">
                                    <?php # Mise en place du menu par un parcours de la table associative
                                              foreach ($menu as $item => $act) {
                                                  if (isset($menuSelected) && $menuSelected==$item) // if this is the current page
                                                      print  "<li class=\"active\"><a href=\"$act\">$item</a></li>";
                                                  else
                                                    print "<li><a href=\"$act\">$item</a></li>";
                                            }
                                            ?>
                            </ul>
                        </ul>
<?php }?>    
        </nav>
    </div>
</div>

<!-- CONTENU DE LA PAGE-->
    <div id="content" class="col-md-9"> 
        <?php require_once($content);?>
    </div>
<!-- PIED DE PAGE-->
<script language="javascript">
$( document ).ready((function() {
        $.datepicker.regional['fr'] = {
                closeText: 'Fermer',
                prevText: 'Précédent',
                nextText: 'Suivant',
                currentText: 'Aujourd\'hui',
                monthNames: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin',
                        'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
                monthNamesShort: ['janv.', 'févr.', 'mars', 'avril', 'mai', 'juin',
                        'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'],
                dayNames: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'],
                dayNamesShort: ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'],
                dayNamesMin: ['D','L','M','M','J','V','S'],
                weekHeader: 'Sem.',
                dateFormat: 'dd/mm/yy',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''};
        $.datepicker.setDefaults($.datepicker.regional['fr']);
    $.each( $(".date"), function() {
        $(this).datepicker({ dateFormat: "yy-mm-dd" });
    });
    $('.scrollTable').scrolltable({
	stripe: true,
	oddClass: 'odd',
    });
    $.each( $(".time"), function() {
        $(this).timepicker({ 'timeFormat': 'H:i:s','step': 15 });
    });
}));
</script>
<?php
$page->show_footer();
?>